$.ajax({
         type : "get",
         async:false,
         url : "http://localhost/meixian/html/special.php?callback=cb", 
         dataType : "jsonp",
         cb: "jsoncallback",
         //成功获取跨域服务器上的json数据后,会动态执行这个callback函数
         success : function(res){ 
         	//特惠专区
	        $(".mx-ch1").on("mouseenter",function(){
	         	 // var arr = JSON.parse(res)
	         	$json = res;
	         	var html = "";  
	            $.each(res,function(index,name,img,price1){
	            	// console.log(index);
	            	this.index = index;
	            	if(this.index < 12){
	            		// console.log(name,img,price1);
	            		html += `<li>
									<div class="goods-img">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-detail">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul1").html(html);	            	
	            })   
         }) 
	       $(".mx-ch2").on("mouseenter",function(){
	         	$json = res;
	         	var html = "";  
	            $.each(res,function(index,name,img,price1){
	            	this.index = index;
	            	if(this.index > 11 && this.index < 24){
	            		// console.log(name,img,price1);
	            		html += `<li>
									<div class="goods-img">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-detail">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul2").html(html);	            	
	            })   
 			})
	       $(".mx-ch3").on("mouseenter",function(){
	         	$json = res;
	         	var html = "";  
	            $.each(res,function(index,name,img,price1){
	            	// console.log(index);
	            	this.index = index;
	            	if(this.index > 23 && this.index < 36){
	            		// console.log(name,img,price1);
	            		html += `<li>
									<div class="goods-img">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-detail">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul3").html(html);	            	
	            })   
 			})
	       $(".mx-ch4").on("mouseenter",function(){
	         	$json = res;
	         	var html = "";  
	            $.each(res,function(index,name,img,price1){
	            	// console.log(index);
	            	this.index = index;
	            	if(this.index > 35 && this.index < 48){
	            		// console.log(name,img,price1);
	            		html += `<li>
									<div class="goods-img">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-detail">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul4").html(html);	            	
	            })   
 			})

	       //1F
	       $(".mx-ch5").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	// console.log(index);
	            	this.index = index;
	            	if(this.index > 47 && this.index < 52){
	            		// console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul5").html(str);	            	
	            })   
 			})
	       $(".mx-ch6").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	// console.log(index);
	            	this.index = index;
	            	if(this.index > 51 && this.index < 60){
	            		// console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul6").html(str);	            	
	            })   
 			})
	       $(".mx-ch7").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	// console.log(index);
	            	this.index = index;
	            	if(this.index > 59 && this.index < 66){
	            		// console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul7").html(str);	            	
	            })   
 			})

	       //2F
	       $(".mx-ch8").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 65 && this.index < 74){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic2">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det2">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul8").html(str);	            	
	            })   
 			})
	       $(".mx-ch9").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 73 && this.index < 82){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic2">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det2">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul9").html(str);	            	
	            })   
 			})
	       $(".mx-ch10").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 81 && this.index < 84){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic2">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det2">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul10").html(str);	            	
	            })   
 			})
	       $(".mx-ch11").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 83 && this.index < 92){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic2">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det2">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul11").html(str);	            	
	            })   
 			})

	       //3F
	       $(".mx-ch12").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 91 && this.index < 100){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic3">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det3">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul12").html(str);	            	
	            })   
 			})
	       $(".mx-ch13").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 99 && this.index < 105){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic3">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det3">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul13").html(str);	            	
	            })   
 			})
	       $(".mx-ch14").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 104 && this.index < 113){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic3">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det3">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul14").html(str);	            	
	            })   
 			})
	       $(".mx-ch15").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 112 && this.index < 115){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic3">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det3">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul15").html(str);	            	
	            })   
 			})
	       //4F
	       $(".mx-ch16").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 114 && this.index < 118){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic4">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det4">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul16").html(str);	            	
	            })   
 			})
	       $(".mx-ch17").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 117 && this.index < 126){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic4">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det4">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul17").html(str);	            	
	            })   
 			})
	       $(".mx-ch18").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 125 && this.index < 134){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic4">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det4">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul18").html(str);	            	
	            })   
 			})
	       $(".mx-ch19").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 133 && this.index < 142){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic4">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det4">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul19").html(str);	            	
	            })   
 			})
	       //5F
	       $(".mx-ch20").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 141 && this.index < 150){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic5">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det5">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul20").html(str);	            	
	            })   
 			})
	       $(".mx-ch21").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 149 && this.index < 158){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic5">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det5">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul21").html(str);	            	
	            })   
 			})
	       $(".mx-ch22").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 157 && this.index < 160){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic5">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det5">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul22").html(str);	            	
	            })   
 			})
	       $(".mx-ch23").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 159 && this.index < 161){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic5">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det5">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul23").html(str);	            	
	            })   
 			})
	       //6F
	       $(".mx-ch24").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 160 && this.index < 169){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic6">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det6">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul24").html(str);	            	
	            })   
 			})
	       $(".mx-ch25").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 168 && this.index < 177){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic6">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det6">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul25").html(str);	            	
	            })   
 			})
	       $(".mx-ch26").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 176 && this.index < 185){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic6">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det6">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul26").html(str);	            	
	            })   
 			})
	       $(".mx-ch27").on("mouseenter",function(){
	         	$json = res;
	         	var str = "";  
	            $.each(res,function(index,name,img,price1){
	            	console.log(index);
	            	this.index = index;
	            	if(this.index > 184 && this.index < 193){
	            		console.log(name,img,price1);
	            		str += `<li>
									<div class="goods-pic6">
										<a href="#" target="_blank" title="${$json[index].name}">
											<img src="${$json[index].img}" alt="" />
										</a>
									</div>
									<div class="goods-det6">
										<p><a href="#" target="_blank" title="${$json[index].name}">${$json[index].name}</a></p>
										<span>${$json[index].price1}</span>
									</div>
								</li>`
	            	}
						$("#ul27").html(str);	            	
	            })   
 			})
     	}	
    })  